<nz-card [nzBordered]="false">
  <section class="search-section">
    <input nz-input placeholder="客户姓名" [(ngModel)]="keyword" class="search-item"/>
    <!--<nz-select [(ngModel)]="productId" [nzPlaceHolder]="'查询产品'" class="search-item" [nzAllowClear]="true">-->
    <!--<nz-option-->
    <!--*ngFor="let option of allProducts"-->
    <!--[nzLabel]="option.title"-->
    <!--[nzValue]="option.id">-->
    <!--</nz-option>-->
    <!--</nz-select>-->
    <button nz-button [nzType]="'primary'" nzGhost (click)="search()" class="search-item">
      <i class="anticon anticon-search"></i><span>搜索</span>
    </button>
  </section>
  <nz-table #nzTable [nzData]="page.content"
            [nzPageSize]="page.size"
            [nzTotal]="page.totalElements"
            [nzFrontPagination]="false"
            [(nzPageIndex)]="page.number"
            (nzPageIndexChange)="changePageNo($event)"
            [nzLoading]="isLoading">
    <thead>
    <tr>
      <th nz-th><span>序号</span></th>
      <th nz-th><span>收款人</span></th>
      <th nz-th><span>金额</span></th>
      <th nz-th><span>订单总额</span></th>
      <th nz-th><span>奖励比率</span></th>
      <th nz-th><span>收款时间</span></th>
      <th nz-th><span>关联订单</span></th>
      <th nz-th><span>收款类型</span></th>
      <th nz-th><span>操作</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of nzTable.data;let i=index">
      <td>
        {{i+1}}
      </td>
      <td>{{data.cusName}}</td>
      <td>{{(data.amount/100).toFixed(2)}}</td>
      <td>{{data.moonCakeReservation.goodsTotalPrice}}</td>
      <td>{{data.ratio}}</td>
      <td>{{data.saveDate}}</td>
      <td>{{data.moonCakeReservation.orderNo}}</td>
      <td>{{data.remark}}</td>
      <td>
        <a href="javascript:void (0);" (click)="seeEntity(data)">查看详情</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</nz-card>

<pic-viewer [picList]="picList" [picIdx]="0" [show]="isShowPic" (onClose)="onPicClose($event)"></pic-viewer>
